<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>tou</title>
    <link rel="stylesheet" href="../css/tou.css">
    <link rel="stylesheet" href="../css/font/iconfont.css">
</head>

<body>
    <div id="header">
        <div class="shang">
            <ul class="zuo">
                <li>NIKE会员</li>
                <li><img src="https://www.nike.com/assets/experience/ciclp/static/v2/1314-5eb4a82a71e/static/icons/jordan.svg"
                        alt=""></li>
                <li>converse</li>
            </ul>
            <ul class="you">
                <li class="jj"><span class="d1">登录</span> <span class="d2">注册</span></li>
                <li>帮助</li>
                <li><i class="iconfont icon-icon-test"></i></li>
                <li class="che1"><i class="iconfont icon-gouwucheman"></i></li>
                <li><i class="iconfont icon-location"></i>地址</li>
            </ul>
        </div>
        <div class="xia">
            <!-- <i class="tiao iconfont icon-Nike"></i> -->
            <ul>
                <li class="tiao iconfont icon-Nike"></li>
                <li class="ii1">男子</li>
                <li class="ii1">女子</li>
                <li class="ii1">儿童</li>
                <li class="ii1">专属定制</li>
                <li class="ii1">流行潮品</li>
                <li class="ss"><i class="iconfont icon-sousuo" style="font-size: 20px;"></i><input type="text" id="ss"></li>
            </ul>
            <!-- <div class="ss">
                <i class="iconfont icon-sousuo" style="font-size: 20px;"></i><input type="text" id="ss">
            </div> -->
        </div>
        <div class="li1">
            <ul class="ul1">
                <li>色彩一夏</li>
                <li>人气热销</li>
                <li>最新上市</li>
                <li>SNKRS 新品预览</li>
                <li>会员限定</li>
                <li>健身也要靓</li>
                <li>球迷精选</li>
                <li>户外型录</li>
                <li>折扣优惠</li>
            </ul>
            <ul class="ul2">
                <li class="ll1">所有鞋类</li>
                <li class="ll1">所有服装</li>
                <li>休闲</li>
                <li>上衣/T恤</li>
                <li>跑步</li>
                <li>翻领T恤</li>
                <li>篮球</li>
                <li>球衣</li>
                <li>足球</li>
                <li>短裤</li>
                <li>健身/训练</li>
                <li>紧身运动服/Baeslayer</li>
                <li>JORDAN</li>
                <li>运动裤/紧身裤</li>
                <li>拖鞋</li>
                <li>休闲裤</li>
                <li>当季尖货</li>
                <li>连帽衫/卫衣</li>
                <li>Air Jordan 1</li>
                <li>外套/夹克</li>
                <li>Air Force 1</li>
                <li>袜子</li>
                <li>Air Max</li>
                <li>配件/装备</li>
                <li>专属定制</li>
            </ul>
            <ul class="ul3">
                <li class="ll1">运动</li>
                <li class="ll1">品牌</li>
                <li>跑步</li>
                <li>JORDAN</li>
                <li>篮球</li>
                <li>NBA</li>
                <li>足球</li>
                <li>NikeLab</li>
                <li>健身/训练</li>
                <li>Nike Sportswear</li>
                <li>瑜伽</li>
                <li>ACG</li>
                <li>滑板</li>
                <li>专属定制</li>
                <li>网球</li>
            </ul>
        </div>
    </div>
</body>
<script src="../js/jquery-1.11.3.js"></script>
<script src="../js/tools.js"></script>
<script>
    $('#header .d1').click(function () {
        location.href = "./3denglu.html"
    })
    $('#header .d2').click(function () {
        location.href = "./2zhuce.html"
    })
    var aaa = getCookie('login_user');
    if (aaa) {
        $('#header .d1').css('display', 'none');
        $('#header .d2').css('display', 'none');
        $div = $(`<div>欢迎<i class="iconfont icon-kefu"></i>${getCookie('login_user')} <span class="tui">退出</span></div>`);
        $('.jj').html($div);
    }
    $('.jj').on('click', '.tui', function () {
        removeCookie('login_user');
        location.reload();
    })
    $('.che1').click(function () {
        location.href = './6car.html';
    })
    $('.tiao').click(function () {
        location.href = './1shouye.html';
    })
    var timer1 = null;
    $('.ii1').mouseover(function () {
        $('.li1').css('display', 'block');
        clearTimeout(timer1);
        timer1 = setTimeout(function () {
            $('.li1').css('display', 'none');
        }, 3000)
    })
// $('.ii1').mouseout(function(){
//     setTimeout(function(){
//         $('.li1').css('display','none');
//     },3000)
// })

</script>

</html>